<template>
    <!-- 底部友情栏 -->
    <div class="friendclum">
        <div class="friendclum_top">友情链接:</div>
        <ul class="friendclum_mid">
            <li v-for="(item,index) in list" :key="index"><a :href=item.dictValue target="news">{{item.dictLabel}}</a></li>
<!--            <li><a href="http://shangyuninfo.com/" target="news">尚云科技</a></li>-->
<!--            <li><a href="http://bs.shangyuninfo.com/home" target="news">IT毕业设计</a></li>-->
<!--            <li><a href="http://www.sisec.top/" target="news">网思安网络安全课堂</a></li>-->
<!--            <li><a href="http://myhope365.com/news/index?id=66" target="news">天亮公开课资源</a></li>-->
        </ul>
        <!-- 清除浮动 -->
        <div style="clear: both;"></div>
        <div class="friendclum_bottom">Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</div>
    </div>
</template>

<script>
    import {getFriend} from '../../api/Tlmusic'
    export default {
        name: "Footer",
        data(){
            return{
                dictType: 'blogroll',
                pageNum: 1,
                pageSize: 5,
                orderByColumn: 'createTime',
                isAsc: 'desc',
                list:[{}]
            }

        },
        created() {
            getFriend(this.dictType, this.pageNum,this.pageSize, this.orderByColumn,this.isAsc).then(res=>{
                this.list = res.rows

            })
        }
    }
</script>

<style scoped>
    /* 底部友情栏 */
    .friendclum{
        width: 100%;
        background-color: #444546;
        height: 175px;
        overflow: hidden;
    }
    .friendclum_top{
        font-size: 24px;
        color: #999999;
        margin-top: 30px;
        margin-left: 3%;
    }
    .friendclum_mid>li{
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        font-size: 14px;
    }
    .friendclum_mid>li:nth-of-type(1){
        margin-left: 3%;
    }
    .friendclum_mid>li>a{text-decoration: none;
        color: #999999;
    }
    .friendclum_bottom{width: 70%;
        margin: 0 auto;
        border-top: 1px solid #999999;
        font-size: 12px;
        color: #999999;
        text-align: center;
        margin-top: 30px;
        padding: 10px 0px 20px 0px;
    }
</style>